.aoyou-spinner {
  border: 1px solid #cccccc;
  overflow: hidden;
  height: 26px;
  display: inline-block; }
  .aoyou-spinner .aoyou-spinner-btn-box {
    float: left;
    height: 24px; }
    .aoyou-spinner .aoyou-spinner-btn-box .aoyou-spinner-btn-updown-up {
      background: url(upbtn.png) no-repeat;cursor: pointer; }
    .aoyou-spinner .aoyou-spinner-btn-box .aoyou-spinner-btn-updown-down {
      background: url(downbtn.png) no-repeat;cursor: pointer; }
    .aoyou-spinner .aoyou-spinner-btn-box .aoyou-spinner-btn-updown {
      height: 13px;
      width: 26px; }
  .aoyou-spinner .aoyou-btn {
    float: left;
    height: 26px;
    overflow: visible;
    _overflow-y: hidden;
    padding: 0 10px;
    outline: 0;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    background-color: #ebeff0; }
    .aoyou-spinner .aoyou-btn:active {
      background-color: #f0f0f0; }
    .aoyou-spinner .aoyou-btn.aoyou-spinner-btn-left {
      border-right: 0px; }
    .aoyou-spinner .aoyou-btn.aoyou-spinner-btn-right {
      border-left: 0px; }
    .aoyou-spinner .aoyou-btn.aoyou-state-disabled, .aoyou-spinner .aoyou-btn.aoyou-state-disabled .aoyou-icon {
      box-shadow: none;
      background-color: whitesmoke;
      border-color: #d9d9d9;
      cursor: default;
      color: #ccc; }
    .aoyou-spinner .aoyou-btn.aoyou-value-not-valid {
      border-left-color: red !important; }
  .aoyou-spinner .aoyou-textbox {
    text-align: center;
    float: left;
    display: inline-block;
    width: 45px;
    padding: 3px 5px;
    height: 18px;
    line-height: 18px;
    border: 0px;
    font-size: 14px;
    outline: none; }
    .aoyou-spinner .aoyou-textbox.aoyou-state-disabled {
      color: #999;
      background-color: whitesmoke;
      border-color: #d9d9d9;
      cursor: default;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none; }
    .aoyou-spinner .aoyou-textbox.aoyou-value-not-valid {
      border-color: red; }
